<template>
	<view>
		<uni-popup ref='popup' type="center">
			<view style="background-color: #ffffff; border-radius: 20px;
			padding:100rpx 50rpx 20rpx;position: relative;">
				<image style="width: 230rpx;height: 160rpx;position: absolute;top: -80rpx;left: 80rpx;" 
				:src="`${picUrl}/store/caidai.png`" mode=""></image>
				<view style="color:#ff5252;font-size: 30rpx;">恭喜您获得{{showModal}}积分</view>
				<button style="background-color:#ff5252;color: #FFFFFF;border-radius: 50rpx;
				width: 220rpx;font-size: 28rpx;margin-top: 110rpx;"
				 @click="close()">确定</button>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	export default{
		components:{uniPopup},
		data(){
			return{
				
			}
		},
		props: {
			showModal: {default: 'hello'}
		  },
		mounted() {
			this.open()
		},
		methods:{
			open(){
				this.$refs.popup.open()
			},
			close(){
				this.$refs.popup.close()
			}
		}
	}
</script>

<style>
</style>
